<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test1</title>
</head>
<body>
    <h1><i>这是H1字号的一句话，这句话是斜体的，下面这条水平线是红色的，高度是60%，宽度是100%，靠左对齐</i></h1>
    <hr color="red" size="60%" width="100%" align="left">
    <h2><b>这是H2字号的一句话，这句话是粗体的，下面这水平线是蓝色的，高度是50%，宽度是90%，靠右对齐</b></h2>
    <hr color="blue" size="50%" width="90%" align="right">
    <h3><i>这是H3字号的一句话，这句话是斜体的，下面这条水平线是绿色的，高度是40%，宽度是80%，靠左对齐</i></h3>
    <hr color="green" size="40%" width="80%" align="left">
    <h4><b>这是H4字号的一句话，这句话是粗体的，下面这水平线是粉色的，高度是30%，宽度是70%，靠右对齐</b></h4>
    <hr color="pink" size="30%" width="70%" align="right">
    <h5><i>这是H5字号的一句话，这句话是斜体的，下面这条水平线是黑色的，高度是20%，宽度是60%，靠左对齐</i></h5>
    <hr color="black" size="20%" width="60%" align="left">
    <h6><b>这是H6字号的一句话，这句话是粗体的，下面这水平线是黄色的，高度是10%，宽度是50%，靠右对齐</b></h6>
    <hr color="yellow" size="10%" width="50%" align="right">
</body>
</html>